<template>
	<view class="">
		<custom-title :title="title" :isActive="title == '公告详情' ? true : false"></custom-title>
		<view class="detail">
			<view class="header">
				<view class="title">这是标题</view>
				<view class="time">这是时间</view>
			</view>
			<view class="content">
				<rich-text :nodes="strings"></rich-text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			info: [],
			title: '详情',
			heig: 10,
			strings:
				'年后和覅但是考了几分上的纠纷的奥克兰积分多少离开家反对撒开了积分多少看来飞机上的考虑积分多少离开积分多少方式的年后和覅但是考了几分上的纠纷的奥克兰积分多少离开家反对撒开了积分多少看来飞机上的考虑积分多少离开积分多少方式的年后和覅但是考了几分上的纠纷的奥克兰积分多少离开家反对撒开了积分多少看来飞机上的考虑积分多少离开积分多少方式的年后和覅但是考了几分上的纠纷的奥克兰积分多少离开家反对撒开了积分多少看来飞机上的考虑积分多少离开积分多少方式的年后和覅但是考了几分上的纠纷的奥克兰积分多少离开家反对撒开了积分多少看来飞机上的考虑积分多少离开积分多少方式的'
		};
	},
	onLoad(obj) {
		this.title = obj.title;
		uni.getSystemInfo({
			success: (res) => {
				this.heig = Number(res.statusBarHeight);
			}
		});
	},
	methods: {
		hanleBack() {
			uni.navigateBack({
				delta: 1
			});
		}
	}
};
</script>

<style scoped lang="scss">
.detail {
	padding: 1.5rem 1rem;
	z-index: 99;
	background-color: white;
	border-radius: 40upx 40upx 0 0;
}
.header {
	text-align: center;
	margin-bottom: 1rem;
	.title {
		font-size: 40rpx;
		font-weight: 700;
	}
	.time {
		color: #8a8a8a;
		font-size: 28rpx;
		margin-top: 0.2rem;
	}
}
</style>
